.fs-10 {
	font-size: 20rpx;
}
.fs-12 {
	font-size: 24rpx;
}
.fs-14 {
	font-size: 28rpx;
}
.fs-16{
	font-size: 32rpx;
}
.fs-18{
	font-size: 36rpx;
}
.fs-20{
	font-size: 40rpx;
}
.fs-22{
	font-size: 44rpx;
}
.fw-400{
	font-weight: 400;
}
.fw-600{
	font-weight: 600;
}
.fw-800{
	font-weight: 800;
}

/* color */
.col-fff{
	color: #fff;
}
.col-333{
	color: #333;
}
.col-666{
	color: #666;
}
.col-999{
	color: #999;
}
.col-051A29 {
	color: #051A29;
}
.col-FF4242{
	color: #FF4242;
}
.col-EB420D{
	color: #EB420D;
}
.col-theme{
	color: #14AC69;
}
.col-FFBFAB {
	color: #FFBFAB;
}
.col-FF6600 {
	color: #FF6600;
}
.col-FF5149{
	color: #FF5149;
}
.col-E20000{
	color: #E20000
}
.col-9E9E9E{
	color: #9E9E9E;
}
.col-B4B4B4{
	color: #B4B4B4;
}
.col-14AC69{
	color: #14AC69;
}
.col-119DEE{
	color: #119DEE;
}
.col-FFFFD6{
	color: #FFFFD6;
}
.col-051A29{
	color: #051A29;
}
.col-D8D8D8{
	color: #D8D8D8;
}
.col-6485E2{
	color: #6485E2;
}
/* margin */
.mt-5{
	margin-top: 10rpx;
}
.mt-10{
	margin-top:20rpx;
}
.mt-15{
	margin-top: 30rpx;
}
.mt-20 {
	margin-top: 40rpx;
}
.mt-30 {
	margin-top: 60rpx;
}
.ml-10{
	margin-left: 20rpx;
}
.ml-15{
	margin-left: 30rpx;
}
.ml-20{
	margin-left: 40rpx;
}
.mr-10{
	margin-right: 20rpx;
}
.mb-5{
	margin-bottom: 10rpx;
}
.mb-10{
	margin-bottom: 20rpx;
}
.mb-20{
	margin-bottom: 40rpx !important;
}

.flex-row {
	display: flex;
}

.flex-col {
	display: flex;
	flex-direction: column;
}

.flex-jus-around {
	justify-content: space-around;
}

.flex-jus-between {
	justify-content: space-between;
}

.flex-jus-end{
	justify-content: flex-end;
}

.flex-x-center {
	justify-content: center;
}

.flex-y-center {
	align-items: center;
}

.text-center {
	text-align: center;
}
.flex-wrap{
	flex-wrap: wrap;
}
.flex-one{
	flex: 1;
}